<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="'我的大麦-'+${orderDetail.item.itemName}">我的大麦-有趣戏剧第四回 话剧《杏仁豆腐心》广州站-1027465461760</title>
    <link rel="shortcut icon" href="../../static/damai/image/label.ico" th:href="@{/damai/image/label.ico}" type="image/x-icon">
    <link rel="stylesheet" href="../../static/damai/css/order2.css" th:href="@{/damai/css/order2.css}">
    <link rel="stylesheet" href="../../static/damai/css/orderList.css" th:href="@{/damai/css/orderList.css}">
</head>
<body>
<!--顶部栏start-->
<div class="dm-header-wrap">
    <div class="dm-header-box">
        <a href="../../templates/index.html" th:href="@{/}">
            <img class="i-logo" src="../../static/damai/image/user/info/TB1D1QUxjDpK1RjSZFrXXa78VXa-230-104.png"
                 th:src="@{/damai/image/user/info/TB1D1QUxjDpK1RjSZFrXXa78VXa-230-104.png}" alt="大麦"></a>
        <!--<div class="location-header">-->
        <!--<img class="i-icon-location" src="//img.alicdn.com/tfs/TB1XHDuxNGYBuNjy0FnXXX5lpXa-28-32.png" alt="定位">-->
        <!--<span class="city-location">全国</span>-->
        <!--<img class="i-arrow-location" src="https://img.alicdn.com/tfs/TB1vnUBxStYBeNjSspaXXaOOFXa-20-12.png"-->
        <!--alt="箭头">-->
        <!--<div class="city-header-wrap">-->
        <!--<div class="city-header" data-spm="city">-->
        <!--<div class="now-city">-->
        <!--<span class="title-city">当前城市:</span>-->
        <!--<span class="name-city select-city">全国</span>-->
        <!--</div>-->
        <!--<div class="hot-city">-->
        <!--<span class="title-city">热门城市:</span>-->
        <!--<div class="list-other"></div>-->
        <!--</div>-->
        <!--<div class="other-city">-->
        <!--<span class="title-city">其他城市:</span>-->
        <!--<div class="list-other"></div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <div class="recommend-header">
            <a href="../../templates/index.html" th:href="@{/}" class="type-recommend">首页</a>
            <a href="../../templates/search.html" th:href="@{/search/}" class="type-recommend">分类</a>
        </div>
        <div class="right-header">
            <div class="box-header user-header">
                <a href="javascript:void(0)" class="J_userinfo_img"><img
                        class="i-box-header i-user"
                        src="../../static/damai/image/user/info/118152760.png"
                        th:src="@{/damai/image/user/info/118152760.png}"></a>
                <a th:if="${session.user ne null}" href="../../templates/user/order.html" th:href="@{/order/orderList}" class="J_userinfo_name">
                    <div class="span-box-header name-user show" th:text="${session.user.nickName}">星语o</div>
                </a>
                <div class="login-user">
                    <span class="span-box-header span-user">登录</span>
                </div>
                <div class="list-wrap">
                    <div class="list-login">
                        <!--<a href="../../templates/user/info.html" class="li-login select">个人信息</a>-->
                        <!--<a href="../../templates/user/accountSet.html" class="li-login">账号设置</a>-->
                        <a href="../../templates/user/order.html" th:href="@{/order/orderList}" class="li-login">订单管理</a>
                        <a href="javascript:void(0)" th:href="@{/user/logout}" class="li-login out-login show">退出登录</a>
                    </div>
                </div>
            </div>
            <div class="box-header download-header">
                <img class="i-box-header i-download"
                     src="../../static/damai/image/user/info/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png"
                     th:src="@{/damai/image/user/info/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png}"
                     alt="下载">
                <span class="span-box-header">下载</span>
                <div class="ewm-download">
                    <img class="i-ewm" src="../../static/damai/image/user/info/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png">
                </div>
            </div>
            <div class="box-header">
                <a href="javascript:void(0)">
                    <img class="i-box-header"
                         src="../../static/damai/image/user/info/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png"
                         th:src="@{/damai/image/user/info/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png}"
                         alt="英文站">
                    <span class="span-box-header">English</span>
                </a>
            </div>
        </div>
        <div class="search-header" data-spm="searchtxt">
            <img class="i-search" src="../../static/damai/image/user/info/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png"
                 th:src="@{/damai/image/user/info/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png}"
                 alt="搜索">
            <input class="input-search" placeholder="搜索明星、演出、体育赛事">
            <div class="btn-search">搜索</div>
            <div class="list-search-wrap">
                <div class="list-search">
                </div>
            </div>
        </div>

    </div>
</div>
<!--顶部栏end-->

<!--主体start-->
<div class="w1200">
    <div class="dm_coupon_right">
        <div class="navigation"><a href="javascript:void(0)">首页</a> <span>&gt;</span> <a href="javascript:void(0);">我的大麦</a><span>&gt;</span><a
                href="../../templates/user/order.html" th:href="@{/order/orderList}">订单管理</a><span>&gt;</span>
            <span class="cur" th:text="'订单编号：' + ${orderDetail.orderNo}">订单编号：1027465461760</span>
        </div>
        <hr>
        <div id="container">
            <div class="next-loading order-info">
                <div class="next-loading-component">
                    <div style="display: block;">
                        <div class="next-row next-row-justify-space-between order-info-top">
                            <div class="next-col order-info-left">
                                <div class="next-row next-row-justify-space-between order-left-top">
                                    <div class="next-col" th:text="'订单编号：' + ${orderDetail.orderNo}">
                                        订单号：1027465461760
                                    </div>
                                </div>
                                <div class="next-row next-row-justify-space-between next-row-align-bottom">
                                    <div class="next-col order-info-left-bottom-left">
                                        <span class="order-status-desc"
                                              th:text="${orderDetail.orderType eq 0 }? '未支付' : (${orderDetail.orderType eq 1}? '交易关闭' : (${orderDetail.orderType eq 2}? '已支付'))"
                                        >交易关闭</span>
                                        <span class="order-status-info"></span></div>
                                    <div class="next-col order-price">需付款：<em th:text="'￥' + ${orderDetail.totalAmount}">￥80.00</em></div>
                                </div>
                            </div>
                        </div>
                        <div style="display: none;"></div>
                        <div class="next-table order-info-list">
                            <div class="next-table-inner">
                                <div class="next-table-header">
                                    <div class="next-table-header-inner">
                                        <table>
                                            <colgroup>
                                                <col style="width: 35%;">
                                                <col style="width: 17%;">
                                                <col style="width: 11%;">
                                                <col style="width: 11%;">
                                                <col style="width: 11%;">
                                                <col style="width: 15%;">
                                            </colgroup>
                                            <tbody>
                                            <tr>
                                                <th rowspan="1" class="next-table-header-node first single">
                                                    <div class="next-table-cell-wrapper">项目信息</div>
                                                </th>
                                                <th rowspan="1" class="next-table-header-node seatInfo">
                                                    <div class="next-table-cell-wrapper">座位信息</div>
                                                </th>
                                                <th rowspan="1" class="next-table-header-node">
                                                    <div class="next-table-cell-wrapper">单价</div>
                                                </th>
                                                <th rowspan="1" class="next-table-header-node">
                                                    <div class="next-table-cell-wrapper">票品张数</div>
                                                </th>
                                                <th rowspan="1" class="next-table-header-node">
                                                    <div class="next-table-cell-wrapper">优惠</div>
                                                </th>
                                                <th rowspan="1" class="next-table-header-node last">
                                                    <div class="next-table-cell-wrapper">小计</div>
                                                </th>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="next-table-body">
                                    <table>
                                        <colgroup>
                                            <col style="width: 35%;">
                                            <col style="width: 17%;">
                                            <col style="width: 11%;">
                                            <col style="width: 11%;">
                                            <col style="width: 11%;">
                                            <col style="width: 15%;">
                                        </colgroup>
                                        <tbody>
                                        <tr class="next-table-row last first">
                                            <td class="single next-table-cell first" colspan="1" rowspan="1">
                                                <div class="next-table-cell-wrapper">
                                                    <div class="next-row project-name-wrapper">
                                                        <div class="next-col project-name-img pointer"><img
                                                                src="../../static/damai/image/user/order/172601_n_171_214.jpg"
                                                                th:if="${orderDetail.image.imgUrl ne null}" th:src="@{${orderDetail.image.imgUrl}}">
                                                        </div>
                                                        <div class="next-col project-name-right">
                                                            <div class="next-row project-name pointer" th:text="${orderDetail.item.itemName}">有趣戏剧第四回 话剧《杏仁豆腐心》广州站
                                                            </div>
                                                            <div class="next-row project-name-perform">
                                                                <span th:text="'演出场次:'+${orderDetail.scheduler.startTime}">演出场次:2019-01-13 2019-01-13 19:00</span>
                                                            </div>
                                                            <div class="next-row project-name-venue" th:text="${orderDetail.cinema.address}">
                                                                演出场馆:广州平安大戏院
                                                            </div>
                                                            <div class="next-row project-name-tips"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="seatInfo next-table-cell">
                                                <div th:if="${orderDetail.schedulerSeat ne null}">
                                                    <div class="next-table-cell-wrapper"
                                                         th:text="'观众席' + (${orderDetail.schedulerSeat.areaLevel eq 1}? '一层'
                                                     : (${orderDetail.schedulerSeat.areaLevel eq 2}? '二层'
                                                     : (${orderDetail.schedulerSeat.areaLevel eq 3}? '三层')))
                                                     + ${orderDetail.schedulerSeat.y} +'排'+${orderDetail.schedulerSeat.x}+'号'">
                                                        观众席一层19排22号
                                                    </div>
                                                </div>

                                            </td>
                                            <td class="next-table-cell">
                                                <div class="next-table-cell-wrapper" th:text="'￥'+${orderDetail.totalAmount}">￥80.00
                                                </div>
                                            </td>
                                            <td class="next-table-cell">
                                                <div class="next-table-cell-wrapper" th:text="${orderDetail.totalCount}">1</div>
                                            </td>
                                            <td class="next-table-cell">
                                                <div class="next-table-cell-wrapper"><span class="">-</span></div>
                                            </td>
                                            <td class="next-table-cell last">
                                                <div class="next-table-cell-wrapper"><span class="total" th:text="${orderDetail.totalAmount}">80.00</span>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div style="display: none;"></div>
                        <div class="next-row order-info-grid grid-three">
                            <div class="next-col grid-delivery">
                                <div class="next-row gird-col-title">配送信息</div>
                                <div class="next-row">
                                    <div class="grid-field-title">配送方式：</div>
                                    自助取票
                                </div>
                                <div class="next-row on-site">
                                    <div class="grid-field-title">取票方式：</div>
                                    <div class="next-col on-site-address">请前往大麦APP票夹中查看取票点</div>
                                </div>
                                <div th:if="${orderDetail.orderLinkUser ne null}">
                                    <div class="next-row">
                                        <div class="grid-field-title">联系人：</div>
                                        <span th:text="${orderDetail.orderLinkUser.linkUserName}">张三</span>
                                    </div>
                                    <div class="next-row">
                                        <div class="grid-field-title">手机号：</div>
                                        <span th:text="${orderDetail.orderLinkUser.phone}">15555555555</span>
                                    </div>
                                </div>

                            </div>
                            <div class="next-col grid-order">
                                <div class="next-row gird-col-title">订单信息</div>
                                <div class="next-row" th:text="'订单编号：'+${orderDetail.orderNo}">订单编号：1027465461760</div>
                                <div class="next-row" th:text="'创建时间：'+${#dates.format(orderDetail.createdTime,'yyyy-MM-dd HH:mm:ss')}">
                                    创建时间：2019.01.02 15:46:10
                                </div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                            </div>
                            <div class="next-col grid-invoice hide">
                                <div class="next-row gird-col-title">发票信息</div>
                                <div class="next-row">
                                    <div class="next-col">发票类型：</div>
                                    <div class="next-col grid-invoice-content"></div>
                                </div>
                            </div>
                            <div class="next-col grid-pay">
                                <div class="next-row gird-col-title">金额明细</div>
                                <div class="next-row" th:text="'商品总价：￥'+${orderDetail.totalAmount}">
                                    商品总价：￥80.00
                                </div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                                <div class="next-row"></div>
                            </div>
                        </div>
                        <div class="order-info-buyers" style="display: none;"></div>
                    </div>
                    <div class="next-row order-errors" style="display: none;">
                        <div class="next-col error-image"><img
                                src="https://img.alicdn.com/tfs/TB11puPCgmTBuNjy1XbXXaMrVXa-238-168.png"></div>
                        <div class="next-col error-text">
                            <div class="next-row error-msg"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主体end-->


<!--底部内容start-->
<div class="dm-footer">
    <div class="w1200">
        <ul class="footer__links">

            <li class="footer__links__list"><a href="javascript:void(0)" target="_blank" data-spm="flink0">帮助中心</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink1">公司介绍</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink2">品牌识别</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink3">公司大事记</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink4">协议及隐私权政策</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink5">廉正举报</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a href="javascript:void(0)"
                                               target="_blank" data-spm="flink6">联系合作</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink7">招聘信息</a></li>
            <li class="footer__links__grep">|</li>

            <li class="footer__links__list"><a
                    href="javascript:void(0)"
                    target="_blank" data-spm="flink8">防骗秘籍</a></li>


        </ul>
        <div class="footer__ft">
            <div class="footer__ft_fl">
                <a href="javascript:void(0)" target="_blank" class="footer__ft__logo">
                    <img src="../../static/damai/image/login/TB1NTQWxlLoK1RjSZFuXXXn0XXa-167-60.png"
                         th:src="@{/damai/image/login/TB1NTQWxlLoK1RjSZFuXXXn0XXa-167-60.png}" alt="">
                </a>
                <div class="footer__ft__code__box">
                    <img class="footer__ft__code"
                         src="../../static/damai/image/login/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png"
                         th:src="@{/damai/image/login/TB1r0uFxHSYBuNjSspiXXXNzpXa-280-280.png}" alt="">
                    <span>APP下载</span>
                </div>
            </div>
            <div class="footer__ft_fr">
                <div class="footer__fr__contact">

                    <a style="margin-left:0;" href="javascript:void(0)"
                       class="footer__fr__contact__btn alime">在线客服</a>
                </div>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">京ICP证031057号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a href="javascript:void(0)" target="_blank">京ICP备11043884号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)"
                            target="_blank">京公网安备11010102000430号</a>
                    </li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">广播电视节目制作经营许可证
                        (京)字第02253号</a></li>
                </ul>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">网络文化经营许可证
                        京网文[2016]3438-413号</a></li>
                    <li class="footer__ft__grep">|</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)" target="_blank">营业性演出许可证
                        京市演587号</a></li>
                </ul>
                <ul class="footer__ft__words">
                    <li class="footer__ft__certificate">北京红马传媒文化发展有限公司 版权所有</li>
                    <li class="footer__ft__certificate"><a
                            href="javascript:void(0)">大麦网</a></li>
                    <li>Copyright 2003-2018 All Rights Reserved</li>
                </ul>
                <div class="footer__ft__img">
                    <span id="siteseal">
                    <script async="" type="text/javascript">
                            function verifySeal() {
                                var bgHeight = "null";
                                var bgWidth = "593";
                                var url = "https:\/\/seal.godaddy.com\/verifySeal?sealID=LU6rXPgk5BZ67ZEYpYS2JcN3AyCJOs6aD3HBo4dwA3iGeqp6csKFmqgB0zLL";
                                window.open(url, 'SealVerfication', 'menubar=no,toolbar=no,personalbar=no,location=yes,status=no,resizable=yes,fullscreen=no,scrollbars=no,width=' + bgWidth + ',height=' + bgHeight);
                            }
                    </script>
                    <img style="cursor:pointer;cursor:hand" class="footer__ft__img1"
                         src="../../static/damai/image/user/info/TB1gw_ZxNWYBuNjy1zkXXXGGpXa-131-32.gif"
                         th:src="@{/damai/image/user/info/TB1gw_ZxNWYBuNjy1zkXXXGGpXa-131-32.gif}"
                         onclick="verifySeal();"
                         alt="SSL site seal - click to verify">
                    </span>
                    <a rel="nofollow" title="电子营业执照" target="_blank"
                       href="javascript:void(0)">
                        <img class="footer__ft__img2" alt=""
                             src="../../static/damai/image/user/info/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png"
                             th:src="@{/damai/image/user/info/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png}">
                    </a>

                    <a rel="nofollow" target="_blank" href="https://www.pcisecuritystandards.org/">
                        <img src="../../static/damai/image/user/info/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png"
                             th:src="@{damai/image/user/info/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png}"
                             class="footer__ft__img3">
                    </a>
                    <a rel="nofollow" target="_blank"
                       href="javascript:void(0)">
                        <img src="../../static/damai/image/user/info/TB1pM_ZxNWYBuNjy1zkXXXGGpXa-114-40.png"
                             th:src="@{/damai/image/user/info/TB1pM_ZxNWYBuNjy1zkXXXGGpXa-114-40.png}"
                             class="footer__ft__img4w">
                    </a>
                    <a target="_blank" href="javascript:void(0)"
                       id="___szfw_logo___">
                        <img class="footer__ft__img4"
                             src="../../static/damai/image/user/info/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png"
                            th:src="@{/damai/image/user/info/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png}">
                    </a>
                    <script type="text/javascript">(function () {
                        document.getElementById('___szfw_logo___').oncontextmenu = function () {
                            return false;
                        }
                    })();</script>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部内容end-->
<script src="../../static/js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script>
    $(function () {
        //    登录栏下拉框start=======================
        $('.right-header .user-header').mouseover(function () {
            $(this).addClass('on');
        });
        $('.right-header .user-header').mouseout(function () {
            $(this).removeClass('on');
        });
        //    登录栏下拉框end=======================

        //搜索
        $('.btn-search').click(function () {
            var searchName = $('input[class=input-search]').val();
            window.location = '/search/content?searchName='+searchName;
        });
    })

</script>
</body>
</html>